<template>
    <div class="tablebox" id="backg">
        <p style="font-size:20px;font-weight:700">答题排行榜</p>
        <table class="renttable">
            <tr>
                <th>名次</th>
                <th>姓名</th>
                <th>公司名称</th>
                <th>分数</th>
            </tr>
            <tbody>
                <tr v-for="(item,index) in userslist" :key="index">
                    <td>{{index+1}}</td>
                    <td>{{item.user_name}}</td>
                    <td>{{item.company_name}}</td>
                    <td>{{item.point}}</td>
                </tr>
            </tbody>
        </table>
        <div style="width:300px;margin:0 auto; padding:20px 0;">
          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13020302001048" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
            <img src="../assets/countryicon.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">冀公网安备 13020302001048号</p >
          </a >
        </div>
        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" style="height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">冀ICP备2021009292号-2</a>
    </div>
</template>
<script>
import axios from "axios";
export default{
    data() {
        return {
            userslist:[],
        }
    },
    created() {
        // this.getRentInfo()
        var _this=this
            var data=axios(
            {
                url:"/api/home/user/rank_list",
                method:"post",
            }
            ).then(function (response){
                _this.userslist = response.data.data.list
            })
    },
    methods: {
        // getRentInfo(){

        // }
    }
}
</script>
<style scoped>
#backg{
  background: url(./../assets/bg.png);
  background-size: 100% 100%;
 height: 100%;
 position: fixed;
 width: 100%;
 overflow: auto;
}
.tablebox{
    width: 100%;
    color: #102410;
}
.renttable{
    width: 90%;
    margin:0 auto;
    border-collapse: collapse
}
.tablebox table tr{
    border-bottom:1px solid #eee;
    height: 32px;
    line-height: 32px;
}
</style>